<template>
  <div id="app">
    <!-- 头部组件 -->
    <layout-header />
    <!-- 侧边组件 -->
    <layout-aside />
    <!-- 内容组件 -->
    <layout-article />
    <!-- 脚步组件 -->
    <layout-footer />
  </div>
</template>

<script>
import LayoutHeader from './layout/Header.vue'
import LayoutFooter from './layout/Footer.vue'
import LayoutAside from './layout/Aside.vue'
import LayoutArticle from './layout/Article.vue'

export default {
  components: { LayoutHeader, LayoutFooter, LayoutAside, LayoutArticle }
}
</script>

<style lang="less">
// 将所有的公共样式 导入到根组件
@import url('./style/index.css');
#app {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
</style>
